// vue-cli创建出来的项目的 配置文件
// vue.config.js 对整个项目的webpack进行配置
// webpack 在进行打包的时候，底层用到了 node 因此在 vue.config.js 可以使用 node 的核心模块

const path = require('path')
const themePath = path.join(__dirname, './src/theme.less')

module.exports = {
  // 部署应用基本URL 默认('/')请况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
  // 空字符串('') 打出来的包可以被部署在任意路径 dist文件不需要部署也可以查看
  publicPath: '',
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          // 直接覆盖变量
          // 直接覆盖需要重启终端过于麻烦 实际开发不使用该方法
          // "nav-bar-background-color": '#007bff',
          // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
          hack: `true; @import "${ themePath }";`
        },
      },
    },
  },
}